<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

	<head>
		<!-- Basic Page Needs
    ================================================== -->
		<meta charset="utf-8">
		<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>发帖求助</title>
		<meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
		<meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
		<meta name="author" content="rometheme.net">

		<!-- ==============================================
	Favicons
	=============================================== -->

		<!-- Custom styles for this template -->
		<link href="static/css/style.css" rel="stylesheet">
		<link href="static/css/style-responsive.css" rel="stylesheet" />
		<link rel="shortcut icon" href="static/images/favicon.ico">
		<link rel="apple-touch-icon" href="static/images/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-touch-icon-114x114.png">

		<!-- ==============================================
	CSS VENDOR
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.theme.default.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/animate.min.css">

		<!-- ==============================================
	Custom Stylesheet
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="static/css/style.css" />

		<script src="static/js/vendor/modernizr.min.js"></script>

	</head>

	<body>

		<!-- LOAD PAGE -->
		<div class="animationload">
			<div class="loader"></div>
		</div>

		<!-- BACK TO TOP SECTION -->
		<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

		<!-- HEADER -->
		<div class="header header-1">

			<!-- NAVBAR SECTION -->
			<div class="navbar-main">
				<div class="container">
					<nav id="navbar-example" class="navbar navbar-expand-lg">
						<a class="navbar-brand" href="index.jsp">
							<img src="static/images/logos.png" alt="">
						</a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			            <span class="navbar-toggler-icon"></span>
			        </button>
						<div class="collapse navbar-collapse" id="navbarNavDropdown">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.jsp">主页</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllPublishs">树洞</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllArts">解忧师</a>
								</li>
								<li class="nav-item dropdown dmenu">
									<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										获取更多
									</a>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="faq.jsp">烦恼解答</a>
										<a class="dropdown-item" href="love.jsp">情感烦恼</a>
										<a class="dropdown-item" href="family.jsp">家庭关系</a>
										<a class="dropdown-item" href="relationship.jsp">人际关系烦恼</a>
										<a class="dropdown-item" href="occupation.jsp">职业规划烦恼</a>
										<a class="dropdown-item" href="school.jsp">学校生活烦恼</a>
										<a class="dropdown-item" href="pressure.jsp">学业竞争压力</a>
									</div>
								</li>
								<li class="nav-item active">
									<a class="nav-link" href="contact.jsp">发帖求助 </a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="person.jsp">个人信息</a>
								</li>
							</ul>
						</div>
					</nav>
					<!-- -->

				</div>
			</div>

		</div>

		<!-- BANNER -->
		<div class="section banner-page" data-background="static/images/banner-single.jpg">
			<div class="content-wrap pos-relative">
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<div class="title-page">说出你的烦恼</div>
				</div>
			</div>
		</div>

		<!-- CONTACT -->
		<div id="contact">
			<div class="content-wrap pb-0">
				<div class="container bgi-right bgi-hide-xs">
					<div class="row">
						<div class="col-12 col-md-12">

							<form action="addPublish" class="form-contact" id="contactForm"  method="post" enctype="multipart/form-data" >
								<input type="hidden" name="art_id" value="${art.aid }" >
								<div class="row">
									<div class="col-sm-6 col-md-6">
										<div class="form-group">
											<input type="text" name="ptype" class="form-control" id="p_name" placeholder="加个标题哟~" required="">
											<div class="help-block with-errors"></div>
										</div>
										<!-- <div class="form-group">
											<input type="datetime" name="ptime" class="form-control" id="p_name" placeholder="加个时间" required="">
											<div class="help-block with-errors"></div>
										</div> -->
									</div>
								</div>
								<div class="form-group">
									<label for="exampleInputFile">&nbsp;&nbsp;加个封面图片吧~</label>
									<input type="file" id="exampleInputFile" name="file">
								</div>
								<div class="form-group">
									<textarea id="p_message" name="pcontent" class="form-control" rows="6" placeholder="来吧，尽情的说些什么吧！！" required=""></textarea>
									<div class="help-block with-errors"></div>
								</div>
								<div class="form-group">
									<div id="success"></div>
									<input type="submit" class="btn btn-primary">投递我的烦恼</button>
								</div>
							</form>
							<div class="spacer-content"></div>

						</div>

					</div>
				</div>
			</div>
		</div>

		<!-- FOOTER SECTION -->
		<div class="footer" data-background="static/images/bg.jpg">
			<div class="content-wrap">
				<div class="container">

					<div class="row">
						<div class="col-sm-3 col-md-3">
							<div class="footer-item">
								<img src="static/images/apple-touch-icon-72x72.png" alt="logo bottom" class="logo-bottom">
								<div class="spacer-30"></div>
							</div>
						</div>

						<div class="col-sm-3 col-md-3">
							<div class="footer-item">
								<div class="footer-title">
									我们的信息
								</div>
								<ul class="list-info">
									<li>
										<div class="info-icon">
											<span class="fa fa-map-marker"></span>
										</div>
										<div class="info-text">广西民族大学相思湖学院</div>
									</li>
									<li>
										<div class="info-icon">
											<span class="fa fa-phone"></span>
										</div>
										<div class="info-text">(0761) 654-123987</div>
									</li>
									<li>
										<div class="info-icon">
											<span class="fa fa-envelope"></span>
										</div>
										<div class="info-text">player@163.com</div>
									</li>
									<li>
										<div class="info-icon">
											<span class="fa fa-clock-o"></span>
										</div>
										<div class="info-text">周一至周五 09:00 - 17:00</div>
									</li>
								</ul>

							</div>
						</div>

						<div class="col-sm-3 col-md-3">
							<div class="footer-item">
								<div class="footer-title">
									有用的链接
								</div>

								<ul class="list">
									<li>
										<a href="page-events.jsp" title="Our Events">主页</a>
									</li>
									<li>
										<a href="teachers.jsp" title="Our Teacher">我们的解忧师</a>
									</li>
									<li>
										<a href="classes.jsp" title="Our Classes">倾述树洞</a>
									</li>
								</ul>

							</div>
						</div>

						<div class="col-sm-3 col-md-3">
							<div class="footer-item">
								<div class="footer-title">
									我们的初心
								</div>
								<p>帮助需要帮助的每个人，让他们走出抑郁，不被烦恼困扰，让他们更好的生活！</p>

							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- JS VENDOR -->
		<script src="static/js/vendor/jquery.min.js"></script>
		<script src="static/js/vendor/bootstrap.min.js"></script>
		<script src="static/js/vendor/owl.carousel.js"></script>
		<script src="static/js/vendor/jquery.magnific-popup.min.js"></script>

		<!-- SENDMAIL -->
		<script src="static/js/vendor/validator.min.js"></script>
		<script src="static/js/vendor/form-scripts.js"></script>

		<!-- GOOGLEMAP -->
		<script src="static/js/googlemap-setting.js"></script>
		<script async defer src="http://ditu.google.cn/maps/api/js?key=AIzaSyA-CE0deH3Jhj6GN4YvdCFZS7DpbXexzGU&callback=initMap">
		</script>

		<script src="static/js/script.js"></script>
		<script src="static/js/jquery.js"></script>

		<script src="static/back/js/bootstrap.min.js"></script>
		<script src="static/back/js/jquery.scrollTo.min.js"></script>
		<script src="static/back/js/jquery.nicescroll.js" type="text/javascript"></script>

		<script src="static/back/js/jquery-ui-1.9.2.custom.min.js"></script>

		<!--custom switch-->
		<script src="static/back/js/bootstrap-switch.js"></script>
		<!--custom tagsinput-->
		<script src="static/back/js/jquery.tagsinput.js"></script>
		<!--custom checkbox & radio-->
		<script type="text/javascript" src="static/back/js/ga.js"></script>

		<script type="text/javascript" src="static/back/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-daterangepicker/date.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
		<script type="text/javascript" src="static/back/assets/ckeditor/ckeditor.js"></script>

	</body>

</html>